<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>游客画像</title>
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="../css/bean.css" />
  <link rel="stylesheet" href="../css/touristPortrait.css">
</head>

<body>
  <div class="guding">
      <nav class="navbar navbar-default g-nav">
					<span class="navbar-brand">全域旅游综合信息服务平台</span>
					<div class=" navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
									<li><a href="/html/home.html">首页</a></li>
									<li>
											<a class="active" href="/html/realTimeTraffic.html">智慧分析</a>
											<div class="sub-nav">
													<a class="sub-nav-item" href="/html/realTimeTraffic.html">实时客流</a>
													<a class="sub-nav-item active" href="/html/touristPortrait.html">游客画像</a>
											</div>
									</li>
									<li>
											<a href="/html/demoareaSupervise.html">智慧监管</a>
											<div class="sub-nav">
													<a class="sub-nav-item" href="/html/demoareaSupervise.html">示范区监管</a>
													<a class="sub-nav-item" href="/html/scenicSpotList.html">视频监控</a>
													<a class="sub-nav-item" href="/html/safetyWarning.html">安全预警</a>
													<a class="sub-nav-item" href="/html/wisdomSupervise_guide.html">旅游产业数据</a>
													<a class="sub-nav-item" href="/html/complaints.html">投诉举报管理</a>
											</div>
									</li>
									<li><a href="/html/resources.html">旅游资源</a></li>
							</ul>
					</div>
			</nav>
  </div>
  <!--导航结束-->
  <div class="content">
    <div class="e-box1 flex margin-bottom24">
      <!--客源地分析开始-->
      <section class="source-analysis pos-relative height526 margin-right24 backgroundfff border">
        <div class="margin-top24">
          <span class="padding-left44 title-b">客源地分析</span>
        </div>
        <div id="sourceAnalysisChart"></div>
        <ul class="level-labels">
          <li>
            <div class="level-labels__block level-block_1"></div>
            <div>10万人以上</div>
          </li>
          <li>
            <div class="level-labels__block level-block_2"></div>
            <div>10万人以上</div>
          </li>
          <li>
            <div class="level-labels__block level-block_3"></div>
            <div>10万人以上</div>
          </li>
          <li>
            <div class="level-labels__block level-block_4"></div>
            <div>10万人以上</div>
          </li>
          <li>
            <div class="level-labels__block level-block_5"></div>
            <div>10万人以上</div>
          </li>
          <li>
            <div class="level-labels__block level-block_6"></div>
            <div>10万人以上</div>
          </li>
        </ul>
        <div class="source-analysis-data">
          <div id="sourceAnalysisButtons" class="query-condition">
            <div class="bg-top"></div>
            <div class="buttons-group">
              <span class="query-condition__button section-button active" data-type="province">省份</span>
              <span class="query-condition__button section-button" data-type="zone">区域</span>
              <span class="query-condition__button section-button" data-type="city">城市</span>
            </div>
            <div class="bg-bottom"></div>
          </div>
          <div class="source-analysis-data__list">
            <ul>
              <li>
                <div>
                    <span class="rank-number">1</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">2</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
              <li>
                <div>
                    <span class="rank-number">3</span>
                    <span class="area-name">西安市</span>
                </div>
                <div>2905人</div>
              </li>
            </ul>
          </div>
        </div>
      </section>
      <!--客源地结束开始-->
      <!--省内各市出游人数对比开始-->
      <section class="tourist-number-ratio pos-relative height526 margin-right24 backgroundfff border">
        <div class="margin-top24">
          <span class="padding-left44 title-b">省内各市出游人数对比</span>
        </div>
        <div id="touristNumberRatioChart"></div>
      </section>
       <!--省内各市出游人数对比结束-->
    </div>
    <div class="e-box1 flex margin-bottom24">
      <!--游客性别分析开始-->
      <section class="tourist-sexy-analysis pos-relative height410 margin-right24 backgroundfff border">
        <div class="margin-top24">
          <span class="padding-left44 title-b">游客性别分析</span>
        </div>
        <div id="touristSexyPie"></div>
        <ul class="level-labels">
          <li>
            <div class="level-labels__block level-block_4"></div>
            <div>男性</div>
          </li>
          <li>
            <div class="level-labels__block level-block_3"></div>
            <div>女性</div>
          </li>
        </ul>
      </section>
      <!--游客性别分析结束-->
      <!--游客逗留天数开始-->
      <section class="tourist-days-analysis pos-relative height410 margin-right24 backgroundfff border">
        <div class="margin-top24">
          <span class="padding-left44 title-b">游客逗留天数</span>
        </div>
        <div id="touristDaysChart"></div>
      </section>
       <!--游客逗留天数结束-->
       <!--游客最青睐景区TOP10开始-->
      <section class="scenic-spot-top pos-relative height410 margin-right24 backgroundfff border">
        <div class="margin-top24">
          <span class="padding-left44 title-b">游客最青睐景区TOP10</span>
        </div>
        <div class="query-condition">
          <div id="scenicSpotButtons" class="buttons-group">
            <span class="query-condition__button section-button">全部</span>
            <span class="query-condition__button section-button">省内</span>
            <span class="query-condition__button section-button active">省外</span>
          </div>
        </div>
        <div id="scenicSpotChart">
          <!-- <ul class="scenic-spot-list">
          </ul> -->
        </div>
      </section>
       <!--游客最青睐景区TOP10结束-->
    </div>
  </div>
  <script src="../js/jquery-2.1.0.js"></script>
  <script src="../js/bootstrap.min.js"></script>
  <script src="../js/echarts.min.js"></script>
  <script src="../js/lodash.js"></script>
  <script src="../js/china.js"></script>
  <script src="../js/touristPortrait.js"></script>
</body>

</html>